@import "define";
html, body, div, p, h1, h2, h3, h4, h5, ul, li, img, dl, dt, dd, a, form, input,button{margin:0;padding:0;list-style:none;text-decoration:none;}
* { padding: 0; margin: 0; }
em,i{ font-style: normal;}
img{border:0}
html,body{font: 14px/1.5 "Microsoft YaHei";color:#333;height:100%;}
h1, h2, h3, h4, h5, h6, b, strong {font-size:100%;font-weight: normal;}
a {display: inline-block; text-decoration: none; }
.wrap{width:100%;background-color:#3d3d3d;height:100%;
  .side{width:10%; text-indent:2em; padding-top:30px;float:left;position:fixed;top:48px;
    ul{li{height:50px;line-height:50px; border-bottom:1px dotted #252525;
      a{display:block;color:#bdbdbd;&:hover{text-decoration:underline}}}
    li.on{background-color:#d64635;a{color:#fff}}}
  }
  .cont{float:right;width:90%;background-color:#fff;height:100%;}
}
.top{height:48px;line-height:48px;background-color:#1f1f1f;color:#d64635; width:100%;position:fixed;z-index:100;
  .t-l{float:left; margin-left:30px; font-size:18px;font-weight:bold; }
  .t-user{float:right; margin-right:30px;}
}
.clear{clear:both;}
//分页
.pagination{width:340px;margin:50px auto;
  a{display:inline-block;padding:3px 10px;border:1px solid #dcdcdc;background:#f1f1f1;color:#666;text-align:center;vertical-align:middle;margin-right:2px;
  &:hover{
    border:1px solid #337ab7; color:#337ab7;
  }
  }
  a.current{background:#337ab7;color:#fff; border:1px solid #337ab7;}
}
//面包屑
.bread{margin-bottom:15px;height:60px;line-height:60px;background-color:#eee; padding-left:30px; color:#e7505a;font-weight:bold; font-size:16px; margin-top:48px; _margin-top:0;
span{float:left;}
}

table.list{
  thead{
    tr{
      td{background-color:#ccc;color:#000;font-weight:bold; font-size:15px;height:20px;line-height:20px; padding:10px;}
    }
  }
  tbody{tr{
    td{height:30px;line-height:30px; padding:10px;
      a{float:left;margin-right:10px;width:50px;height:20px;background-color:#e7505a;color:#fff; text-align:center;line-height:20px;}
    }
    &:nth-child(2n){ background-color:#e9e9f0}
  }}
}

.icon{ background-color:#f0f0f0;padding:30px 0;
  .icon-item{float:left;width:30%;text-align:center;
  p{font-size:18px; font-weight:bold;}
  }
}

.detail-list{ margin-bottom:30px;
  thead{
    tr{
      td{background-color:#e7ecf1;color:#000;font-weight:bold; font-size:15px;height:20px;line-height:20px; padding:10px; border-bottom:1px solid #000;
      a{float:left;margin-right:10px;width:80px;height:20px;background-color:#e7505a;color:#fff; text-align:center;line-height:20px; cursor:pointer;}
      }
    }
  }
  tbody{tr{
    td{height:30px;line-height:30px; padding:10px;
      //a{float:left;margin-right:10px;width:50px;height:20px;background-color:#e7505a;color:#fff; text-align:center;line-height:20px;}
    }
  }
  tr.tle{font-size:15px;font-weight:bold;}
  }
}

.form-group{height:56px;line-height:56px;border-bottom: 1px solid #efefef;
  label{float:left;width:400px;text-align:right;border-right: 1px solid #efefef; padding-right:20px; margin-right:20px; }
  div.group-add{float:left;width:600px;}
  input{height:34px;line-height:34px; width:190px; padding-left:10px;}
&:nth-child(2n){    background-color: #fcfcfc}}
.form-actions{margin-bottom:30px; width:500px; padding-left:500px;
  .btn{ float:left; width:100px;height:40px;line-height:40px; margin-right:10px; border:none; text-align: center; cursor: pointer; font-size: 14px; color: #666; background-color: #e1e5ec;
}
}
.searchable-select{width:200px;}



